<template>
	<div class="city">
		<div class="xbox">
			<p>选择城市</p>
			<p @click="btn()">×</p>
		</div>
		<Citylist></Citylist>
	</div>
</template>

<script>
	import Citylist from'./pags/Citylist.vue'
	
	export default{
		name:'City',
		
		components:{
			Citylist
		},
		methods:{
			btn(){
				this.$router.push('/')
			}
		},
	}
</script>

<style scoped>
	.city{
		width: 100%;
		overflow: hidden;
	}
	.xbox{
		width: 100%;
		height: 1.3rem;
		display: flex;
		font-size: 0.4rem;
		align-items: center;
		justify-content: center;
		background-color: #fed101;
	}
	.xbox p:first-child{
		text-align: center;
		width: 90%;
	}
	.xbox p:last-child{
		text-align: center;
	}
</style>
